.play-control {
  display: flex;
  flex:1;
  position: relative;
  width: 100%;
  padding-bottom: 2px;
  align-items: center;
  justify-content: center;
  .icon-btn {
    width: 230px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    .music-play {
      height: 36px;
      width: 36px;
      cursor: pointer;
      margin: 0 20px;
    }
    .loop {
      height: 18px;
      width: 18px;
      cursor: pointer;
      margin-right: 30px;
    }
    .lyrics {
      height: 18px;
      width: 18px;
      margin-left: 30px;
    }
    .icon-lyrics:hover {
      .selected {
        fill:#ef6767;
      }
    }
    .icon-closedLyrics:hover {
      .selected {
        fill:#ef6767;
      }
    }
    .icon-list:hover {
      .selected {
        fill: #ef6767;
      }
    }
    icon-order:hover {
      .selected {
        fill: #ef6767;
      }
    }
    .icon-one:hover {
      .selected {
        fill: #ef6767;
      }
    }
    .icon-order:hover {
      .selected {
        fill: #ef6767;
      }
    }
    .icon-random:hover {
      .selected {
        fill: #ef6767;
      }
    }
    .icon-played:hover {
      .selected {
        fill:#e5e5e5;
      }
    }
    .icon-playing:hover {
      .selected {
        fill:#e5e5e5;
      }
    }
    .icon-prev {
      cursor: pointer;
    }
    .icon-prev:hover {
      .selected {
        fill: #ef6767;
      }
    }
    .icon-next {
      cursor: pointer;
    }
    .icon-next:hover {
      .selected {
        fill: #ef6767;
      }
    }
  }
}
